<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="TemplateMo">
<!--<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900&display=swap" rel="stylesheet">-->

<title>Home</title>

<!-- Additional CSS Files -->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.css">

<link rel="stylesheet" href="assets/css/templatemo-lava.css">

<link rel="stylesheet" href="assets/css/owl-carousel.css">

</head>

<body>

<!-- ***** Preloader Start ***** -->
<div id="preloader">
	<div class="jumper">
		<div></div>
		<div></div>
		<div></div>
	</div>
</div>  
<!-- ***** Preloader End ***** -->


<!-- ***** Header Area Start ***** -->
<header class="header-area header-sticky">
	<div class="container">
		<div class="row">
			<div class="col-12">
				<nav class="main-nav">
					<!-- ***** Logo Start ***** -->
					<a href="index.html" class="logo">
						Lava
					</a>
					<!-- ***** Logo End ***** -->
					<!-- ***** Menu Start ***** -->
					<ul class="nav">
						<li class="scroll-to-section"><a href="#welcome" class="active">Home</a></li>
						<li class="scroll-to-section"><a href="#about">About</a></li>
						<li class="scroll-to-section"><a href="#testimonials">Testimonials</a></li>
						<li class="submenu">
							<a href="javascript:;">Drop Down</a>
							<ul>
								<li><a href="">About Us</a></li>
								<li><a href="">Features</a></li>
								<li><a href="">FAQ's</a></li>
								<li><a href="">Blog</a></li>
							</ul>
						</li>
						<li class="scroll-to-section"><a href="#contact-us">Contact Us</a></li>
					</ul>
					<a class='menu-trigger'>
						<span>Menu</span>
					</a>
					<!-- ***** Menu End ***** -->
				</nav>
			</div>
		</div>
	</div>
</header>
<!-- ***** Header Area End ***** -->


<!-- ***** Welcome Area Start ***** -->
<div class="welcome-area" id="welcome">

	<!-- ***** Header Text Start ***** -->
	<div class="header-text">
		<div class="container">
			<div class="row">
				<div class="left-text col-lg-6 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
					<h1>Simple App that we <em>CREATE</em></h1>
					<p>Lava <a href="#">HTML landing page</a> template is provided by <a href="#">TemplateMo</a>. You can modify and use it for your commercial websites for free of charge. Please do not redistribute this template ZIP file for a download purpose. Or you will need to contact us for additional licensing of our template or to get a PSD file.</p>
					<a href="#about" class="main-button-slider">KNOW US BETTER</a>
				</div>
			</div>
		</div>
	</div>
	<!-- ***** Header Text End ***** -->
</div>
<!-- ***** Welcome Area End ***** -->

<!-- ***** Text Shown on 1140px ***** -->
<div class="container-fluid">
	<div class="row">
		<div class="col-md-12">
			<div class="background-image">
				<img src="assets/images/banner-bg.png" alt="">
			</div>
		</div>  
		<div class="col-md-12">
			<div class="center-text col-lg-12 col-md-12 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
					<h1>Simple App that we <em>CREATE</em></h1>
					<p>Lava <a href="#">HTML landing page</a> template is provided by <a href="#">TemplateMo</a>. You can modify and use it for your commercial websites for free of charge. Please do not redistribute this template ZIP file for a download purpose. Or you will need to contact us for additional licensing of our template or to get a PSD file.</p>
					<a href="#about" class="main-button-slider">KNOW US BETTER</a>
			</div>
		</div>
	</div>
</div>

<!-- ***** Features Big Item Start ***** -->
<section class="section" id="about">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
				<div class="features-item">
					<div class="features-icon">
						<h2>01</h2>
						<img src="assets/images/features-icon-1.png" alt="">
						<h4>Trend Analysis</h4>
						<p>Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.</p>
						<a href="#testimonials" class="main-button">
							Read More
						</a>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter bottom move 30px over 0.6s after 0.4s">
				<div class="features-item">
					<div class="features-icon">
						<h2>02</h2>
						<img src="assets/images/features-icon-2.png" alt="">
						<h4>Site Optimization</h4>
						<p>Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.</p>
						<a href="#testimonials" class="main-button">
							Discover More
						</a>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6 col-sm-12 col-xs-12" data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
				<div class="features-item">
					<div class="features-icon">
						<h2>03</h2>
						<img src="assets/images/features-icon-3.png" alt="">
						<h4>Email Design</h4>
						<p>Curabitur pulvinar vel odio sed sagittis. Nam maximus ex diam, nec consectetur diam.</p>
						<a href="#testimonials" class="main-button">
							More Detail
						</a>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ***** Features Big Item End ***** -->

<div class="left-image-decor"></div>

<!-- ***** Features Big Item Start ***** -->
<section class="section" id="promotion">
	<div class="container">
		<div class="row">
			<div class="left-image col-lg-5 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
				<img src="assets/images/left-image.png" class="rounded img-fluid d-block mx-auto" alt="App">
			</div>
			<div class="right-text offset-lg-1 col-lg-6 col-md-12 col-sm-12 mobile-bottom-fix">
				<ul>
					<li data-scroll-reveal="enter right move 30px over 0.6s after 0.4s">
						<img src="assets/images/about-icon-01.png" alt="">
						<div class="text">
							<h4>Vestibulum pulvinar rhoncus</h4>
							<p>Duis nisi urna, dapibus sed euismod ac, scelerisque et sapien. Cras nisi ex, rhoncus eget urna sit amet, posuere ullamcorper risus.</p>
						</div>
					</li>
					<li data-scroll-reveal="enter right move 30px over 0.6s after 0.5s">
						<img src="assets/images/about-icon-02.png" alt="">
						<div class="text">
							<h4>Sed blandit quam in velit</h4>
							<p>You can download Lava Template from our website. Duis viverra, ipsum et scelerisque placerat, orci magna consequat ligula.</p>
						</div>
					</li>
					<li data-scroll-reveal="enter right move 30px over 0.6s after 0.6s">
						<img src="assets/images/about-icon-03.png" alt="">
						<div class="text">
							<h4>Aenean faucibus venenatis</h4>
							<p>Phasellus in imperdiet felis, eget vestibulum nulla. Aliquam nec dui nec augue maximus porta. Curabitur tristique lacus.</p>
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<!-- ***** Features Big Item End ***** -->

<div class="right-image-decor"></div>

<!-- ***** Testimonials Starts ***** -->
<section class="section" id="testimonials">
	<div class="container">
		<div class="row">
			<div class="col-lg-8 offset-lg-2">
				<div class="center-heading">
					<h2>What They Think <em>About Us</em></h2>
					<p>Suspendisse vitae laoreet mauris. Fusce a nisi dapibus, euismod purus non, convallis odio. Donec vitae magna ornare, pellentesque ex vitae, aliquet urna.</p>
				</div>
			</div>
			<div class="col-lg-10 col-md-12 col-sm-12 mobile-bottom-fix-big" data-scroll-reveal="enter left move 30px over 0.6s after 0.4s">
				<div class="owl-carousel owl-theme">
					<div class="item service-item">
						<div class="author">
							<i><img src="assets/images/testimonial-author-1.png" alt="Author One"></i>
						</div>
						<div class="testimonial-content">
							<ul class="stars">
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
							</ul>
							<h4>Jonathan Smart</h4>
							<p>“Nullam hendrerit, elit a semper pharetra, ipsum nibh tristique tortor, in tempus urna elit in mauris.”</p>
							<span>Besta CTO</span>
						</div>
					</div>
					<div class="item service-item">
						<div class="author">
							<i><img src="assets/images/testimonial-author-1.png" alt="Second Author"></i>
						</div>
						<div class="testimonial-content">
							<ul class="stars">
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
							</ul>
							<h4>Martino Tino</h4>
							<p>“Morbi non mi luctus felis molestie scelerisque. In ac libero viverra, placerat est interdum, rhoncus leo.”</p>
							<span>Web Analyst</span>
						</div>
					</div>
					<div class="item service-item">
						<div class="author">
							<i><img src="assets/images/testimonial-author-1.png" alt="Author Third"></i>
						</div>
						<div class="testimonial-content">
							<ul class="stars">
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
							</ul>
							<h4>George Tasa</h4>
							<p>“Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor, congue a fringilla sed, maximus et urna.”</p>
							<span>System Admin</span>
						</div>
					</div>
					<div class="item service-item">
						<div class="author">
							<i><img src="assets/images/testimonial-author-1.png" alt="Fourth Author"></i>
						</div>
						<div class="testimonial-content">
							<ul class="stars">
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
								<li><i class="fa fa-star"></i></li>
							</ul>
							<h4>Sir James</h4>
							<p>"Fusce rutrum in dolor sit amet lobortis. Ut at vehicula justo. Donec quam dolor, congue a fringilla sed, maximus et urna."</p>
							<span>New Villager</span>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<!-- ***** Testimonials Ends ***** -->


<!-- ***** Footer Start ***** -->
<footer id="contact-us">
	<div class="container">
		<div class="footer-content">
			<div class="row">
				<!-- ***** Contact Form Start ***** -->
				<div class="col-lg-6 col-md-12 col-sm-12">
					<div class="contact-form">
						<form id="contact" action="" method="post">
						  <div class="row">
							<div class="col-md-6 col-sm-12">
							  <fieldset>
								<input name="name" type="text" id="name" placeholder="Full Name" required="" style="background-color: rgba(250,250,250,0.3);">
							  </fieldset>
							</div>
							<div class="col-md-6 col-sm-12">
							  <fieldset>
								<input name="email" type="text" id="email" placeholder="E-Mail Address" required="" style="background-color: rgba(250,250,250,0.3);">
							  </fieldset>
							</div>
							<div class="col-lg-12">
							  <fieldset>
								<textarea name="message" rows="6" id="message" placeholder="Your Message" required="" style="background-color: rgba(250,250,250,0.3);"></textarea>
							  </fieldset>
							</div>
							<div class="col-lg-12">
							  <fieldset>
								<button type="submit" id="form-submit" class="main-button">Send Message Now</button>
							  </fieldset>
							</div>
						  </div>
						</form>
					</div>
				</div>
				<!-- ***** Contact Form End ***** -->
				<div class="right-content col-lg-6 col-md-12 col-sm-12">
					<h2>More About <em>Lava</em></h2>
					<p>Phasellus dapibus urna vel lacus accumsan, iaculis eleifend leo auctor. Duis at finibus odio. Vivamus ut pharetra arcu, in porta metus. Suspendisse blandit pulvinar ligula ut elementum. 
					<br><br>If you need this contact form to send email to your inbox, you may follow our page for more detail.</p>
					<ul class="social">
						<li><a href="#"><i class="fa fa-facebook"></i></a></li>
						<li><a href="#"><i class="fa fa-twitter"></i></a></li>
						<li><a href="#"><i class="fa fa-linkedin"></i></a></li>
						<li><a href="#"><i class="fa fa-rss"></i></a></li>
						<li><a href="#"><i class="fa fa-dribbble"></i></a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-lg-12">
				<div class="sub-footer">
					<p>Copyright &copy; 2019.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
				</div>
			</div>
		</div>
	</div>
</footer>

<!-- jQuery -->
<script src="assets/js/jquery-2.1.0.min.js"></script>

<!-- Bootstrap -->
<script src="assets/js/popper.js"></script>
<script src="assets/js/bootstrap.min.js"></script>

<!-- Plugins -->
<script src="assets/js/owl-carousel.js"></script>
<script src="assets/js/scrollreveal.min.js"></script>
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<script src="assets/js/imgfix.min.js"></script> 

<!-- Global Init -->
<script src="assets/js/custom.js"></script>

</body>

</html>